<template>
  <div class="article-copyright">
    <div>
      <div class="author">
        <svg-icon name="author"  style="margin-right:0.3rem"></svg-icon>
        <strong>本文作者：</strong>{{author}}
      </div>
      <div class="link" style="margin: 10px 0">
        <svg-icon name="article_link"  style="margin-right:0.3rem"></svg-icon>
        <strong>文章来源：</strong>
        <span >{{ articleHref }}</span>
      </div>
      <div class="license">
        <svg-icon name="article_share"  style="margin-right:0.3rem"></svg-icon>
        <strong>版权声明：</strong>本站所有文章除特别声明外，均采用
        <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank">CC
          BY-NC-SA 4.0</a>
        许可协议。转载请注明文章出处！
      </div>
    </div>
  </div>

</template>

<script>
export default {
  name: "articleCopyRight",
  props:{
    articleHref:{
      type:String,
      default:"xxx"
    },
    author:{
      type:String,
      default:"xlf"
    }
  }

}
</script>

<style lang="scss" scoped>

.article-copyright {
  font-size: 0.75em;
  padding: 10px;
  margin-top: 30px;
  border-radius: 0.625rem;
  line-height: 20px;
  ul{
    li{
      &:nth-child(even){
        margin: 10px 0;
      }
    }
  }
}

</style>
